<template>
	<view class="goods-text" >
		<text class="title">{{item.title}}</text>
		<view class="goods-info">
			<view class="info-item">销售价<text class="i1"> ￥{{item.aa}}</text></view>
			<view class="info-item tr">赚多少<text class="i2"> ￥{{item.bb}}</text></view>
			<view class="info-item">佣金比例<text class="i3"> {{item.dd}}</text></view>
			<view class="info-item tr">销量<text class="i4"> {{item.ff}}</text></view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				default: function(e) {
					return {}
				}
			}
		},
		data() {
			return {

			}
		},
		methods: {


		}
	}
</script>

<style lang="scss" scoped>
	.goods-text {
		color: $uni-text-color;
		font-size: 22rpx;
		.title {
			font-size: 28rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}
		.goods-info{
			display: flex;
			flex-wrap: wrap;
			// font-weight: 600;
			.info-item{
				width: 50%;
			}
			.i1,.i2{
				font-size: 24rpx;
				color:#ff1505;
			}
			.i4,.i3{
				font-size: 24rpx;
				color:#000;
			}
		}
	}
</style>
